.Back_qian { background:#fff;}
.Back_shen { }

.header_top{position: fixed;z-index:1000;width:100%;}
.space{height: 76px;overflow: hidden;width:100%;}



.banner_sec { position: relative;}
.banner_sec .banner_swiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.banner_sec .banner_swiper .swiper-slide a { width:100%; height:680px;display: flex;justify-content: center;overflow: hidden; position:relative;}
.banner_sec .banner_swiper .swiper-slide img { height:680px; margin-top:50px;}
.banner_sec .banner_swiper .swiper-slide a .3Dquanj { width:100%;}
.banner_sec .banner_swiper .swiper-slide iframe { width:100%; height:680px;border: none;}
.banner_sec .banner_swiper .swiper-slide .text { position: absolute;top: 0px;left: 0px; width:100%; height:100%;display: flex;align-items: center; z-index:1; background:rgb(0 0 0/.2); text-align:center; box-sizing:border-box; padding-bottom:112px;}
.banner_sec .banner_swiper .swiper-slide .text strong { font-size: 48px;line-height: 84px;margin-bottom: 8px;color: #fff; display:block;}
.banner_sec .banner_swiper .b_menu { position:absolute;left:0;bottom:150px;z-index:10;width:100%; text-align:center;}
.banner_sec .banner_swiper .b_menu ul { width: 1200px;margin: 0 auto;}
.banner_sec .banner_swiper .b_menu span { display:block; width:50px; height:10px; margin:0 5px; background:#fff; float:left;transform: skew(358deg); border-radius:0; opacity:1;}
.banner_sec .banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#ff6700;}
.banner_sec .banner_swiper .swiper_bnt { width:64px; height:64px; background:rgb(255 255 255/.1); position:absolute; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%);transition:all .3s; border-radius:50%; opacity:0;}
.banner_sec .banner_swiper:hover .swiper_bnt { opacity:1;}
.banner_sec .banner_swiper .swiper_bnt:hover { background:rgb(255 255 255/.5);}
.banner_sec .banner_swiper .swiper_next { left:5%;}
.banner_sec .banner_swiper .swiper_prev { right:5%;}
.banner_sec .banner_swiper .swiper_bnt i { display:block; line-height:64px; text-align:center; color:#fff; font-size:16px;}

.banner_pindao { position:relative; width:100%;}
.banner_pindao img { width:100%;}
.banner_pindao .text { position:absolute; top:0; left:0;text-align: center; color:#fff;display: flex;align-items: center;justify-content: center; width:100%; height:100%;background: rgb(14 22 97 /.1);}
.banner_pindao strong { font-size: 44px;line-height: 52px;text-shadow: 0 2px 30px rgb(0 0 0 / 50%);margin-bottom: 24px; display:block;}
.banner_pindao p { font-size: 20px;line-height: 32px;}


.banner_gaikuang { position: absolute; bottom: 0; width: 100%;background:rgb(10 9 9 / 28%); z-index:1;}
.banner_gaikuang ul { display: flex;align-items: center; height: 112px;}
.banner_gaikuang ul li { width:25%; text-align:center;}
.banner_gaikuang ul li strong,
.banner_gaikuang ul li span { display:block;}
.banner_gaikuang ul li strong { font-size:26px; font-weight:400; color:#fff;}
.banner_gaikuang ul li strong b { font-weight:400;}
.banner_gaikuang ul li span { font-size:16px; color:rgb(255 255 255/.9); margin-top:10px;}







.bulletin_sec { background:#fff; height:54px; line-height:54px; overflow:hidden;}
.bulletin_sec .w1200 { position:relative;}
.bulletin_sec .w1200 .bulletin_off { position: absolute;right: 0;top: 1px;color: #000;font-size: 20px;border-radius: 10px;cursor: pointer;}
.bulletin_sec .biao { float:left; height:54px;display: flex;align-items: center; margin-right:15px; color:#ff6700;}
.bulletin_sec .biao i { font-size:16px;}
.bulletin_sec .bd li { font-size:14px; height:54px;display: flex;align-items: center;}
.bulletin_sec .bd li em { background-image: linear-gradient(110deg, #efd266 20%,#f4b534 80%);color: #fff;height: 24px;line-height: 24px;border-radius: 20px;font-size: 14px;margin-right: 10px;font-weight: 400; width:48px; text-align:center;display: inline-block;}
.bulletin_sec .bd li a { color:#333; display:inline-block;}
.bulletin_sec .bd { float:left; width:85%;}
.bulletin_sec .hd1 { float:right; height:54px;margin-right:40px; line-height:54px; font-size:14px;transform: translate(0, -1px);}
.bulletin_sec .hd1 a {cursor:pointer;transform: translate(0, 1px);display: inline-block;}
.bulletin_sec .hd1 a.next { margin-right:8px;}
.bulletin_sec .hd1 span { letter-spacing: 10px; color:#000;}




/*行业大咖*/
.hydk_Tit { text-align:center;}
.hydk_Tit strong,
.hydk_Tit span { display:block;}
.hydk_Tit strong { font-size:32px; color:#333;}
.hydk_Tit span { color:#bbb; font-size: 14px;text-transform:uppercase;}

.hydk_sec { padding:60px 0; overflow:hidden; position:relative;}
.hydk_swiper { margin-top:50px; overflow:hidden;}
.hydk_swiper ul li { width:226px; float:left;}
.hydk_swiper ul li .image { box-sizing:border-box; border-radius:4px; border:1px solid #eee; overflow:hidden;}
.hydk_swiper ul li .image img { width:100%; transition:all .5s;}
.hydk_swiper ul li:hover .image img { transform: scale(1.1);}
.hydk_swiper ul li h3 { display:block; font-size:16px; color:#666; line-height:24px; margin-top:10px; font-weight:400;}
.hydk_sec .swiper_bnt { width:64px; height:64px; background:rgb(255 255 255/.6); position:absolute; top:50%;z-index:10; cursor:pointer;transition:all .3s; border-radius:50%;box-shadow: 0 4px 12px rgb(0 0 0 / .1);}
.hydk_sec .swiper_bnt:hover { background:rgb(255 255 255/.9);}
.hydk_sec .swiper_next { right:8%;}
.hydk_sec .swiper_prev { left:8%;}
.hydk_sec .swiper_bnt i { display:block; line-height:64px; text-align:center; color:rgb(22 21 29 /.8); font-size:16px;}
.hydk_sec .swiper_bnt:hover { box-shadow: 0 4px 12px rgb(0 0 0 / .2);}
.hydk_sec .swiper_bnt:hover i { color:#ff6700;}


/*综合推荐*/
.zxtj_sec { padding:50px 0; overflow:hidden;}
.zxtj_Tit { display:flex; align-items:center; justify-content:center; margin-bottom:30px;}
.zxtj_Tit ul li { float: left;box-sizing: border-box;font-size:14px;line-height:38px;padding:0px 30px;cursor:pointer; color:#666; margin:0 10px;border-radius:20px;border: 1px solid #eee;}
.zxtj_Tit ul li:hover {box-shadow: none;}
.zxtj_Tit ul li.on { color:#fff;border:#ff6700 1px solid; background:#ff6700}

.zxtj_list ul { display:flex; flex-wrap:wrap;}
.zxtj_list ul li { width:24.25%; margin-right:1%;box-shadow: 0 0 12px rgb(0 0 0 / 5%); box-sizing:border-box; background:#fff; border-radius:5px;transform: translateY(0); transition:all .3s;}
.zxtj_list ul li:hover { transform: translateY(-5px);box-shadow: 0 0 12px rgb(0 0 0 / 12%);}
.zxtj_list ul li:hover .text h3 a{color:#ff6600;}
.zxtj_list ul li:nth-child(4n+4) { margin-right:0;}
.zxtj_list ul li:nth-child(1n+5) { margin-top:1%;}
.zxtj_list ul li .image { width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.zxtj_list ul li .image a { height:230px;display: flex;justify-content: center;align-items: center;}

@media(max-width:1580px){
.zxtj_list ul li .image a { height:200px;}
}

.zxtj_list ul li .image img { width:100%;vertical-align: bottom; transition:all .3s;}
.zxtj_list ul li:hover .image img { transform: scale(1.08);}
.zxtj_list ul li .text { padding:5px 15px 15px 15px;}
.zxtj_list ul li .text h3 { display:block; line-height:30px; color:#000; font-size:15px;}
.zxtj_list ul li .text h3 a{color:#000;}
.zxtj_list ul li .text .hits { font-size:14px; color:#9fb0bd; line-height:20px; height:20px; margin-top:5px;display: flex;align-items: center; display:none}
.zxtj_list ul li .text .hits em { display:inline-block; background: #dfe5e9; margin-right: 6px;padding: 0 5px;border-radius: 3px;font-size: 12px;}
.zxtj_list ul li .text .hits i { margin:0 4px 0 6px; font-size:16px; font-weight:600;}
.zxtj_list ul li .text .price { font-size:16px; color:#ff6600; line-height:20px; height:20px; margin-top:5px;display: flex;align-items: center;}
.zxtj_list ul li .text .price i { margin:0 4px 0 0px; font-size:12px; font-weight:600;}
.zxtj_list ul li .text .guangz { height:20px; line-height:20px; margin-top:10px; font-size:12px; color:#333;display: flex;align-items: center;}
.zxtj_list ul li .text .guangz img { width:20px; height:20px; border-radius:20px; margin-right:10px;vertical-align: bottom;}
.zxtj_list ul li .text .guangz i { font-size:18px; margin-left:auto; color:#ff6600;}
.zxtj_list ul li .text .guangz a{color:#888;}
.zxtj_list ul li .text .guangz .iconfont a{color:#000;}
.zxtj_list ul li .text .guangz:hover .iconfont a{color:#ff6600;font-weight:bold}


/*推荐作品*/
.tjzp_sec { padding:50px 0 50px; overflow:hidden;}
.tjzp_sec .zxtj_list { margin-top:40px;}



.paihang_sec { padding:50px 0 30px; overflow:hidden;}

.paihang_list { display:flex; flex-wrap:wrap; margin-top:80px;}
.paihang_list li { width:20%;}
.paihang_list li:nth-child(1n+6) { margin-top:6%;}
.paihang_list li a { display:flex; flex-wrap:wrap; align-items: center;}
.paihang_list li .image { margin-right:20px; position:relative;}
.paihang_list li .image img.img_1 { width:60px; height:60px; border-radius:60px;}
.paihang_list li .image img.img_2 { position:absolute; left: 28px; top: -23px;}



.paihang_list li strong { display:block; font-size:16px; color:#333; line-height:20px;}
.paihang_list li .price { font-size:18px; color:#ff6600; line-height:20px; margin-top:4px;font-weight:bold}
.paihang_list li .price i { font-size:12px;font-weight:normal}



.paihang_list2 { display:flex; flex-wrap:wrap; margin-top:80px;}
.paihang_list2 li { width:33.333333%;display:flex; align-items:center; border-bottom:1px solid #eee; box-sizing:border-box; padding:2%;}
.paihang_list2 li .touxiang { margin:0 4%;}
.paihang_list2 li .touxiang img { width:100px; height:100px; border-radius:120px;}
.paihang_list2 li .text { }
.paihang_list2 li .text strong { display:block; font-size:18px; color:#333; font-weight:400;}
.paihang_list2 li .price { font-size:14px; color:#ff8d01; line-height:20px; margin:8px 0;}
.paihang_list2 li .price em { color:#666;}
.paihang_list2 li .paihang_btn { }
.paihang_list2 li .paihang_btn a { display:inline-block; width:90%; line-height:30px; border: 1px solid #ff6700;border-radius: 4px; background:#ff6700; color:#fff; text-align:center; font-size:14PX;}














.brandtj_sec { padding:60px 0 60px; overflow:hidden;}
.brandtj_sec ul { margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center;}
.brandtj_sec ul li { width:16.66666666666667%; transform: translateY(0); transition:all .3s; padding:14px; box-sizing: border-box;}
.brandtj_sec ul li a { display:block;}
.brandtj_sec ul li:hover { transform: translateY(-5px);} 
.brandtj_sec ul li .image { border-radius:8px; border:1px solid #eee; background:#fff; padding:16px; box-sizing:border-box; width:100%; overflow:hidden;transition:all .3s;}
.brandtj_sec ul li:hover .image { box-shadow: 0 0 12px rgb(0 0 0 / 10%);}
.brandtj_sec ul li .image img { width:100%;}
.brandtj_sec ul li:nth-child(6n+6) { margin-right:0;}
.brandtj_sec ul li p { font-size:14px; color:#666; line-height:46px; text-align:center;transition:all .3s;}
.brandtj_sec ul li:hover p { color:#ff6700;}